.deployBox{
    width: 1118px;
    margin-left: 1em;
    .deployLine{
        margin-top: -1em;
        margin-bottom: 1em;
        .deployBtn {
            margin-left: 1em;
        }
    }
    .wl-svg-tree{
        .title{
            fill: #409eff;
            font-size: 16px;
        }
        .wait{
            circle {
                fill: #fff;
            }
            circle, line {
                stroke: #c0c4cc;
                stroke-width: 2px;
            }
            text {
                fill: #c0c4cc;
            }
        }
        .finish{
            circle {
                fill: #fff;
            }
            circle, line {
                stroke: #409eff;
                stroke-width: 2px;
            }
            text {
                fill: #409eff;
            }
        }
        .process{
            line {
                stroke: #c0c4cc;
                stroke-width: 2px;
            }
            circle {
                stroke: #303133;
                stroke-width: 2px;
                fill: #fff;
            }
            text {
                fill: #303133;
            }
        }
        .error{
            line {
                stroke: #c0c4cc;
                stroke-width: 2px
            }
            circle {
                stroke: #f56c6c;
                stroke-width: 2px;
                fill: #fff;
            }
            text {
                fill: #f56c6c;
            }
        }
    }
    .wl-task-log{
        margin-top: 10px;
        .wl-task-log__body{
            position: relative;
            pre{
                clear: left;
                min-height: 42px;
                padding: 15px 0;
                color: #f1f1f1;
                font-family: Cousine,monospace;
                font-size: 12px;
                line-height: 19px;
                white-space: normal;
                word-wrap: break-word;
                background-color: #222;
                counter-reset: a;
                margin-top: 0;
                .wl-task-log__line {
                    position: relative;
                    margin: 0 50px;
                    min-height: 19px;
                    white-space: normal;
                    border-left: 1px solid #666;
                    padding: 0 10px;
                    a {
                        display: inline-block;
                        text-align: right;
                        min-width: 50px;
                        cursor: pointer;
                        text-decoration: none;
                        position: absolute;
                        color: #666;
                        top: 0;
                        left: -50px;
                        &:before{
                            content: counter(a);
                            counter-increment: a;
                            padding-right: 1em;
                        }
                    }
                    span {
                        color: #b1fd79;
                    }
                    .error {
                        color: red
                    }
                    .success {
                        color: #bbb
                    }
                }
            }
        }
    }
}